<!DOCTYPE html>

<html lang="zh-cn">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <meta name="renderer" content="webkit">

    <title>手猫商城</title>

    <link rel="icon" href="/img/favicon.ico" type="image/x-icon">

    <link rel="stylesheet" href="{{ URL::asset('css/admin/pintuer.css') }}">

    <link rel="stylesheet" href="{{ URL::asset('css/admin/login.css') }}">

    <script src="{{ URL::asset('js/admin/jquery.js') }}"></script>

    <script src="{{ URL::asset('js/admin/pintuer.js') }}"></script>

    <script src="{{ URL::asset('js/admin/layer/layer.js') }}"></script>

	<style>

		.container {

			height: 100%;

		}

		body {

			background: url('http://qiniu.baoliy168.com/e470b65301d7c9c957a845eca0bc072.png') no-repeat ;background-size: 100% 100%;background-position: center ;

		}

		input.bg-main {

			background-color: #36d278;

			border: 0;

		}

		input.bg-main:hover {

			background-color: #28af61 !important;

		}

		#app {

			margin-top: 20%;

		}

	/* 	.container {

			position: relative;

		} */

		.right-info {

			position: absolute;

			right: 15px;

			bottom: 5px;

			color: #666;

			font-size: 13px;

			letter-spacing: 1px;

			line-height: 2;

			font-weight: 500;

		}



		@media (max-width: 1000px) {

			body {

				background: url('http://qiniu.baoliy168.com/e470b65301d7c9c957a845eca0bc072.png');

				background-size: 100% 100%;

			}

		}

	</style>

</head>

<body>

<!-- <div class="bg"></div> -->

<div class="container">

    <div class="line bouncein" id="app">

        <div class="xs6 xm4 xs3-move xm4-move">

            <div style="height:150px;"></div>

         <!--   <div class="media media-y margin-big-bottom">

            </div> -->

            <form action="/admin/login/login" method="post" style="margin-top: 25px;">

                {{ csrf_field() }}

                <div class="panel loginbox" style="margin-top: -55px;">

                    <div class="text-center margin-big padding-big-top" style="color:white;font-size: 40px;padding-top: 6px"><h1>手猫商城后台管理中心</h1></div>

                    <div class="panel-body" style="padding:30px; padding-bottom:10px; padding-top:7px;">

                        <div class="form-group">

                            <div class="field field-icon-right">

                                <input type="text" class="input input-big" name="name" placeholder="登录账号" data-validate="required:请填写账号" />

                                <span class="icon icon-user margin-small"></span>

                            </div>

                        </div>

                        <div class="form-group">

                            <div class="field field-icon-right">

                                <input type="password" class="input input-big" name="password" placeholder="登录密码" data-validate="required:请填写密码" />

                                <span class="icon icon-key margin-small"></span>

                            </div>

                        </div>

                        <div class="form-group">

                            <div class="field">

                                <input type="text" class="input input-big" name="captcha" placeholder="填写右侧的验证码" data-validate="required:请填写右侧的验证码" />

                                <img src="{{url('captcha/1')}}" alt="" width="100" height="32" class="passcode" style="height:43px;cursor:pointer;" onclick="this.src=this.src+'?'">



                            </div>

                        </div>

                    </div>

                    <div style="padding:30px;"><input type="submit" class="button button-block bg-main text-big input-big" value="登录"></div>

                </div>

            </form>

        </div>

    </div>



</div>

<!-- <div class="right-info" style="color:#fff;">@呛咚咚管理中心</div> -->

</body>

@if (count($errors) > 0)

    @foreach ($errors->all() as $error)

        <script>

            layer.msg("{{$error}}");

        </script>

    @endforeach

@endif

</html>